:root{
	--theme-blue:#409EFF;
	--theme-blue-hover:#66b1ff;
	--theme-blue-hh:#66b1ff33;
	--theme-table-current:#ecf5ff;
	--theme-success:#67C23A;
	--theme-waring:#E6A23C;
	--theme-waring-hover:#ebb563;
	--theme-danger:#F56C6C;
	--theme-danger-hover:#f78989;
	--theme-info:#909399;
	--theme-bg-l:rgba(0, 21, 41, .4);
	--theme-tabel:#f5f7fa;
	--theme-select:rgba(245, 247, 250,1)
}

body{
	font-size: 14px;
}

/* 本元素占满父级内部 */
.match-parent{
	height: 100%;
    width: 100%;
}

* {
   -webkit-user-select: none;
}

label{
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 0;
}

.form-group label{
	width: 100px;
    padding-left: 20px;
    box-sizing: border-box;
	height: 39px;
	display: flex;
	align-content: center;
	align-items: center;
}
.form-group span{
	display: flex;
	height: 39px;
	align-content: center;
	align-items: center;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color: #fff;
}
button {
	outline:none;
}

.form {
    padding: 0px 2px;/*   隐藏横向滚动条 */
    width: 100%;
    height: 100%;
    overflow: unset;
    display: inline-block;
    margin-top: -5px;
    position: relative;
    /* padding-top: 75px; */
    background-color: #fff;
  }
  

span.disabled{
	border-radius: 4px;
    padding-left: 12px;
    border: 1px solid #ccc;
}

.is-required .form-label{
	position: relative;
	float: left;
	line-height: 34px;
}

.is-required [class*=form-label-]::before{
	content: "*";
    color: #f56c6c;
	padding-right: 4px;
	left:0px;
	position: absolute;
	top: 4px;
}
.is-required .form-label::before{
	content: "*";
    color: #f56c6c;
	padding-right: 4px;
	left:2px;
	position: absolute;
	top: 0px;
}
.is-error .region-editable{
	border:1px solid var(--theme-danger-hover)
}
.form-label-x1 ~.error-msg{
	position: absolute;
    bottom: -16px;
    left: 100px;
    color: var(--theme-danger);
    transition: .4s ease-in-out;
    font-size: 12px;
}
.form-label ~.error-msg{
	position: absolute;
	bottom: -16px;
	left: 100px;
	color: var(--theme-danger);
	transition: .4s ease-in-out;
}
.form-label-x2 ~.error-msg{
	position: absolute;
	bottom: -20px;
	left: 140px;
	color: var(--theme-danger);
	transition: .4s ease-in-out;
}

.form-label ~.error-msg{
	position: absolute;
    bottom: -16px;
    left: 112px;
    color: var(--theme-danger);
    transition: .4s ease-in-out;
    font-size: 12px;
}

.form .datas-columns>div label{
	font-size: 14px;
	font-weight: 500;
	line-height: 29px;
}

.form .header-row{
	margin-right: 0rem;
    margin-left: 0rem;
    padding: 0.3rem 0rem 0rem 0.6rem;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
}


.form>.table-body{
	padding: 12px 12px;
}
.form>.table-body li{
	list-style: none;
}
.table-body .row{
	margin-right: 0px;
    margin-left: 0px;
    padding: 0.8rem 0rem 0.4rem 0.8rem;
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
    overflow: hidden;
    line-height: 1.2rem;
}

.form .form-padding{
	border-bottom: 0;
}

.form .row.table-center{
	text-align: center;
	/*padding-left: 10px;*/

	overflow: hidden;
    text-overflow: ellipsis;
}
.form .row.table-left{
	text-align: left;
	padding-left: 10px;

	overflow: hidden;
    text-overflow: ellipsis;
}
.form .row.table-left .region-center ,.form .row.table-center .region-center{
	text-align: center;
}
.form .row.table-left .region-left,.form .row.table-center .region-left{
	text-align: left;
	padding-left: 10px;
}
  
  .cover-window .form{
      height: 100%;
      margin-bottom:0px !important;
      /* padding-top: 75px; */
  }
  
  .small-form {
      padding-top: 0px !important;
  }
  
  .form.noheader {
      padding-top: 0px !important;
  }
  
  .form.noheader>.form-info{
      display: none;
  }
  
  .form.noheader>.form-search{
      display: block !important;
  }
  
  
  
  .small-form .form-info{
      height: 50px !important;
  }
  
  .small-form .form-info>.title{
      font-size: 18px !important;
  }
  
  .form .form-info{
      font-size: 1rem;
       overflow: hidden;/*可被子元素撑开 */
       border-bottom: 1px solid #eee;
       /* height: 4rem; */
       /* position: absolute; */
       /* left: 0px; */
       /* top: 0px; */
       width: 100%;
       display: flex;
       justify-content: space-between;
       align-items: center;
  }
  
  .form .form-info>.title{
      /* padding: 12px; */
      float: left;
      /* font-size: 28px; */
  }
  
  .form .form-info>.title2{
      padding:  8px 15px;
      float: left;
      font-size: 20px;
      font-weight: 600;
  }
  .form .form-info >.info-title{
        padding: 12px;
        float: left;
        font-size: 28px;
  }
  .form .form-info>.toolbar{
      float: right;
      background:  var(--theme-tabel);
      padding: 0.5rem 0;
      border-radius: 10px;
      /* margin: 0rem 0.75rem 0rem 0rem; */
      cursor: pointer;
  /*     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
  }
  
  .form .form-info>.toolbar>i{
      margin:0px 12px;
  }
  
  .form .form-info .deleteopt{
      float: left;
      margin-left: 20px;
      margin-top: 13px;
  }
  
  .form .form-info .deleteopt button{
      border-radius: 4px;
      background: var(--theme-danger);
      color: white;
      outline:0 none ;
      cursor: pointer;
      height: 34px;
      line-height: 22px;
      margin-top: 2px;
      border: 0;
  /*     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 2px 0 rgba(0, 0, 0, 0.1); */
  }
  .form .form-info .deleteopt button:hover{
      background:var(--theme-danger-hover);
  }
  .batch-delete label{
      cursor: pointer;
      color: white;
  }
  
  .fa-trash-o{
      color: red;
  }
  
  .region-wrapper>.options{
      text-align: left;
  }
  
  
  .form .datas-columns{
      overflow: auto;
      background-color: var(--theme-tabel);
  }
  .form > .form-body{
      width: 100%;
      padding: 20px;
      box-sizing: border-box;
  }
  .form > .form-body.row{
      margin: 0;
  }
  .btn-primary{
	background-color: var(--theme-blue);
	border-color:var(--theme-blue);
	color: #fff;
}
.btn-primary:hover{
	background-color: var(--theme-blue-hover);
	border-color:var(--theme-blue-hover)
}
.btn.active{
	background-color: inherit;
	border-color:inherit
}
.btn-danger{
	background-color: var(--theme-danger);
	border-color:var(--theme-danger)
}
.btn-disabled{
	background-color: var(--theme-info);
	border-color:var(--theme-info);
    color: #fff;
}
.btn-danger:hover{
	background-color: var(--theme-danger-hover);
	border-color:var(--theme-danger-hover)
}
.btn-waring{
	background-color: var(--theme-waring);
	border-color:var(--theme-waring);
	color: #fff;
}
.btn-waring:hover{
	background-color: var(--theme-waring-hover);
	border-color:var(--theme-waring-hover);
	color: #fff;
}
.btn-info{
	background-color: #fff;
	color: #333;
	border: 1px solid #dcdfe6;
}
.btn-info:hover{
	background-color:#ecf5ff;
	border: 1px solid var(--theme-blue);
	color: var(--theme-blue);
}
.btn{
	min-width: 80px;
	padding: 6px 12px 7px;
}
.btn :active{
	border: 0 !important;
}
.regionSearchBtn,.regionResetBtn{
	padding:0 12px;
	height: 34px;
}
.regionResetBtn > label,.regionSearchBtn >label{
	margin-bottom: 0;
}
.form .form-title{
	background:#f5f7fa;
	font-size: 16px;
	/* height: 3rem; */
	/* line-height: 3rem; */
	padding:5px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6px;
	color:#333
}
.form .form-info >.toolbar-theme{
	background:#f5f7fa;
	color:#333
}
.form-text{
	font-weight: bold;
}
.form-align{
	text-align: center;
}

.row .row-header > label{
	min-width: 60px;
	text-align: center;
}
/* form input文本框 */


/*flex布局  */
.flex-content{
	display: flex;
	display: -webkit-box;

}
/*flex布局  */
.flex-container {
    display: -webkit-box;
    display: flex;
}

.flex-dir-rr {
    /*主轴为横轴 顺序与文档流相反*/
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-dir-c {
    /*主轴为纵轴 顺序与文档流相同*/
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
}

.flex-dir-cr {
    /*主轴为纵轴 顺序与文档流相反*/
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-wrap-w {
    /*允许子项目折行显示 顺序与文档流相同*/
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-wrap-wr {
    /*允许子项目折行显示 顺序与文档流相反*/
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.flex-jus-e {
    /*子项目在主轴方向上 尾部对齐*/
    -moz-box-pack: end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.flex-jus-c {
    /*子项目在主轴方向上 居中对齐*/
    -moz-box-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-jus-st {
    -moz-box-pack: start;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
}

.flex-jus-sa {
    /*子项目在主轴方向上 均匀分布 首尾子项到父容器的距离是子项间距的一半*/
    -moz-box-pack: space-around;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

.flex-jus-sp {
    /*子项目在主轴方向上 均匀分布 首尾子项到父容器的距离为0*/
    -moz-box-pack: space-between;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-align-s {
    /*子项目在侧轴上 头部对齐（宽高不被拉伸）*/
    -moz-box-align: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.flex-align-e {
    /*子项目在侧轴上 尾部对齐（宽高不被拉伸）*/
    -moz-box-align: end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.flex-align-c {
    /*子项目在侧轴上 居中对齐（宽高不被拉伸）*/
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-align-b {
    /*子项目在侧轴上 首行文字的基线对齐（宽高不被拉伸）*/
    -moz-box-align: baseline;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.flex-one {
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
}

.flex-two {
    -webkit-flex: 2;
    -ms-flex: 2;
    -moz-box-flex: 2;
    -webkit-box-flex: 2;
    flex: 2;
}

.flex-three {
    -webkit-flex: 3;
    -ms-flex: 3;
    -moz-box-flex: 3;
    -webkit-box-flex: 3;
    flex: 3;
}

.flex-four {
    -webkit-flex: 4;
    -ms-flex: 4;
    -moz-box-flex: 4;
    -webkit-box-flex: 4;
    flex: 4;
}

.flex-five {
    -webkit-flex: 5;
    -ms-flex: 5;
    -moz-box-flex: 5;
    -webkit-box-flex: 5;
    flex: 5;
}

.flex-six {
    -webkit-flex: 6;
    -ms-flex: 6;
    -moz-box-flex: 6;
    -webkit-box-flex: 6;
    flex: 6;
}

.flex-seven {
    -webkit-flex: 7;
    -ms-flex: 7;
    -moz-box-flex: 7;
    -webkit-box-flex: 7;
    flex: 7;
}

.flex-eight {
    -webkit-flex: 8;
    -ms-flex: 8;
    -moz-box-flex: 8;
    -webkit-box-flex: 8;
    flex: 8;
}

.flex-nine {
    -webkit-flex: 9;
    -ms-flex: 9;
    -moz-box-flex: 9;
    -webkit-box-flex: 9;
    flex: 9;
}
.flex-column{
    　display:flex;
    　　flex-direction:column;
    　　-webkit-flex-direction:column;
    　　-moz-flex-direction:column;
    　　-o-flex-direction:column;
}
input {
    outline:none;
    background:transparent;
    border:none;
    outline:medium;
}
*:focus {
    outline: none;
    background-color: transparent;
}
/* ::selection{background:transparent; } */
/* ::-moz-selection{background:transparent; } */

* {
    box-sizing: border-box;
}

html,
body {
    font-family: "Source Han Sans CN", Helvetica, Arial, sans-serif;
    width: 100%;
      overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    background: #F2F2F2;
}

html,
body,
ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

a cite {
    font-style: normal;
    *cursor: pointer;
}
*{
    box-sizing: border-box;
}
ul,li {
    list-style: none
}
i,em{
    font-style: normal;
}
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}
.text-justify{
    text-align: justify;
}
.text-right {
    text-align: right;
}

.text-bold {
    font-weight: bold;
}


.ellipsis-line-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.ellipsis-line-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
    overflow: hidden;
}
.info-publish-flex{
    position: absolute;
    right: 1rem;
    bottom: 6rem;
}
/*搜索标签*/
.lease-width {
    flex: none;
    background: #EFEFEF;
    text-align: center;
    border-radius: 0.5rem;
    margin-right: 0.5rem;
    line-height: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #898B8F;
    font-weight: 600;
    opacity: 0.8;
}
/* 标签 */
.my-select-label {
    background: #FEE8CB;
    position: relative;
    border-radius: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: #FF9100;
    font-weight: 600;
}
.my-select-label-icon {
    position: absolute;
    top: -0.2rem;
    right: -0.2rem;
    height: 0.6rem;
}
.my-select {
    background: #FF9100;
    color: #fff;
}
/*返回箭头*/
.header-back-my{
    position: relative;
    top: -0.5rem;
}
.header-back-my:after,.header-back-my:before {
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -20px;
    content: ' '
}

.header-back-my:before {
    border-right-color: #333;
    right: -17px;
}

